<header  ng-controller="LoginCtrl" class="header">
    <div class="navbar navbar-fixed-top" role="navigation">
        <div class="navbar-inner">
            <div class="container" >
                <a class="navbar-brand" href="#">
                    <img alt="Helloseries" ng-src="img/logo.png">
                </a>

                <div class ="collapse navbar-collapse navbar-right">
                    <!--Login message-->
                    <p hs-check-roles-show class="navbar-text" translate="credentials.message.admin" translate-values="{ username : '{{user.getUsernameFormate()}}', role : '{{user.role}}'}"></p>

                    <!--Login form-->
                    <form hs-check-roles-hide name="formLogin" class="navbar-form">
                        <div ng-class="formClass" class="form-group">
                            <input type="text" class="form-control" ng-model="credentials.username" placeholder="{{'credentials.username' | translate}}" required>
                            <input type="password" class="form-control" ng-model="credentials.password" placeholder="{{'credentials.password' | translate}}" required>
                        </div>
                        <button ng-disabled="formLogin.$invalid" type="submit" class="btn btn-default navbar-btn" ng-click="login(credentials)">Go!</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</header>